<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.layer1{width;100%;height:100px;background:#36F;font-size:20px;padding:0 0.5em}
   #one{width:100%;height:5em;background:#39F;text-align:center;}
   #one a{width:18%;height:5em;float:left;color:#000;font-weight:bold;line-height:4em;border-left:1em solid #FF3;paddding:0.5em;text-decoration:none;}
   #one a:hover{background:#06F;color:#F00;}
.layer2{width;100%;height:400px;}
   .layer2-1{width:70%;height:400px;float:left;}
    .layer2-1-1{width:100%;height:200px;background:#63C;} 
	.layer2-1-2{width:100%;height:200px;}
	    .layer2-1-2-1{width:50%;height:200px;background:#FC6;float:left;}
		.layer2-1-2-2{width:50%;height:200px;background:#F6C;float:left;}
		.layer2-1-2-3{clear:both;}
		   
   
   
   .layer2-2{width:30%;height:400px;background:#0CF;float:left;}
      #two{width:100%;height:25em;background:#63F;text-align:center;}
      #two a{width:100%;height:6.3em;display:block;color:#000;font-weight:bold;line-height:6.3em;border-left:1em solid #3F6;paddding:0.5em;text-decoration:none;}   
	  #two a:hover{background:#0CC;color:#CCC;}
   .layer2-3{clear:both;}

.layer3{width;100%;height:100px;background:#33F;}
   
   

</style>
</head>

<body>
<div class="layer1">
<div id="one">
  <a href="#">学校概况</a>
  <a href="#">机构设置</a>
  <a href="#">教育教学</a>
  <a href="#">创新创业</a>
  <a href="#">科技服务</a>


</div>
</div>

<div class="layer2">
    <div class="layer2-1">
         <div class="layer2-1-1"></div>
         <div class="layer2-1-2">
              <div class="layer2-1-2-1"></div>
              <div class="layer2-1-2-2"></div>
              <div class="layer2-1-2-3"></div>
         </div>
    </div>
    <div class="layer2-2">
    <div id="two">
      <a href="#">学习</a>
      <a href="#">体育</a>
      <a href="#">娱乐</a>
      <a href="#">青春</a>
    </div></div>
    <div class="layer2-3"></div>
</div>
<div class="layer3"></div>





</body>
</html>

